<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/templateAdmin.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="windowTitle">SAMUPG :: Gestión de Postulantes</ui:define>

    <ui:define name="content">
        <h3 style="margin-left: 4px;">Gestión de Postulantes</h3>
                <p:growl />
                <h:form id="form">  
                    <p:dataTable id="tabla" var="postulante" value="#{gestionarPostulantesController.postulantes}"                                                                
                                 >  
                        <f:facet name="header">  
                            Lista de Alumnos Postulantes en el Perido Actual
                        </f:facet>
                        <p:column headerText="Id" sortBy="#{postulante.usuario.usuId}" filterBy="#{postulante.usuario.usuId}"
                             filterMatchMode="exact"     >  
                             
                            <h:outputText value="#{postulante.usuario.usuId}" />  
                        </p:column>  
                        
                        <p:column headerText="DNI Alumno" style="width:4%" sortBy="#{postulante.usuario.usuDni}"
                                  filterBy="#{postulante.usuario.usuDni}" filterMatchMode="exact" >  
                            <h:outputText value="#{postulante.usuario.usuDni}" />  
                        </p:column> 
                        
                        <p:column headerText="Nombres" style="width:16%" sortBy="#{postulante.usuario.usuNombres}"
                                  filterBy="#{postulante.usuario.usuNombres}" filterMatchMode="contains" >  
                            <h:outputText value="#{postulante.usuario.usuNombres}" />  
                        </p:column> 
                        
                        <p:column headerText="ApePaterno" style="width:16%" sortBy="#{postulante.usuario.usuApellidoPaterno}"
                                  filterBy="#{postulante.usuario.usuApellidoPaterno}" filterMatchMode="contains" >  
                            <h:outputText value="#{postulante.usuario.usuApellidoPaterno}" />  
                        </p:column> 
                        
                        <p:column headerText="ApeMaterno" style="width:16%" sortBy="#{postulante.usuario.usuApellidoMaterno}"
                                  filterBy="#{postulante.usuario.usuApellidoMaterno}" filterMatchMode="contains" >  
                            <h:outputText value="#{postulante.usuario.usuApellidoMaterno}" />  
                        </p:column> 

                        <p:column headerText="Mención" style="width:20%" sortBy="#{postulante.maestriaDiplomado.nombre}"
                                  filterBy="#{postulante.maestriaDiplomado.nombre}" filterMatchMode="contains">  
                            <h:outputText value="#{postulante.maestriaDiplomado.nombre}" />  
                        </p:column>  
                        
                        <p:column headerText="Especialidad" style="width:16%" sortBy="#{postulante.fiEspecialidad}"
                                  filterBy="#{postulante.fiEspecialidad}" filterMatchMode="contains">  
                            <h:outputText value="#{postulante.fiEspecialidad}" />  
                        </p:column>  
                         
                        <p:column headerText="Detalle" style="width:4%">  
                            <p:commandButton id="VistaButton" update=":form:display" oncomplete="carDialog.show()" icon="ui-icon-search" 
                                             title="Ver Detalle">  
                                <f:setPropertyActionListener value="#{postulante}" 
                                                             target="#{gestionarPostulantesController.selectedFicha}" />  
                            </p:commandButton>  
                        </p:column> 
                        
                        <p:column headerText="Notas" style="width:4%">  
                            <p:commandButton id="ActualizarButton" icon="ui-icon-search" 
                                             title="Actualizar Notas del Postulante">  
                                <f:setPropertyActionListener value="#{postulante}" 
                                                             target="#{gestionarPostulantesController.selectedFicha}" />  
                            </p:commandButton>  
                        </p:column>
                        
                        <p:column headerText="Examen" style="width:4%">  
                            <p:commandButton id="ExamenButton" icon="ui-icon-search" 
                                             title="Programar examen de conocimientos">  
                                <f:setPropertyActionListener value="#{postulante}" 
                                                             target="#{gestionarPostulantesController.selectedFicha}" />  
                            </p:commandButton>  
                        </p:column>
                        
                        <p:column headerText="Notificar" style="width:4%">  
                            <p:button outcome="enviarNotificacion.jsf" icon="ui-icon-pencil" 
                                  title="Enviar a Notificación">
                                <f:param name="postulanteId" value="#{postulante.fiId}" />
                            </p:button>  
                        </p:column>
                        
                        <f:facet name="footer">  
                            Hay en total  fichas de inscripción.  
                        </f:facet>
                        
                    </p:dataTable>  
                    
                    
                     <p:dialog header="Detalle de la Ficha" widgetVar="carDialog" resizable="true" id="detalledialog"  
                    showEffect="fade" modal="true">  
                                       
                        <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">      
                             
                            <h:outputText value="Nombres:" />  
                            <h:outputText value="#{gestionarPostulantesController.selectedFicha.usuario.usuNombres}" style="font-weight:bold"/>
                            <h:outputText value="Apellido Paterno:" />  
                            <h:outputText value="#{gestionarPostulantesControllerr.selectedFicha.usuario.usuApellidoPaterno}" style="font-weight:bold"/>
                            <h:outputText value="Apellido Materno:" />  
                            <h:outputText value="#{gestionarPostulantesController.selectedFicha.usuario.usuApellidoMaterno}" style="font-weight:bold"/>
                            <h:outputText value="Telefono:" />  
                            <h:outputText value="#{gestionarPostulantesController.selectedFicha.usuario.usuTelefono}" style="font-weight:bold"/>

                        </h:panelGrid>  
                    
                     </p:dialog>
                                                                             
                </h:form> 
    </ui:define>
</ui:composition>
